<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>公告|疯狂德州</title>
<meta name="description" content="疯狂德州">
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1" />   
<meta http-equiv="Cache-Control" content="no-transform" />
<script type="text/javascript">
;(function() {
    if(!/Android|iPhone/ig.test(navigator.userAgent)){
       //location.href = "/"
    }
    var deviceWidth = document.documentElement.clientWidth;
    var widthVal = 998;
    if(deviceWidth > widthVal) {
        deviceWidth = widthVal;
    }
    document.documentElement.style.fontSize = deviceWidth/(widthVal /100) + 'px';        
})();

</script>
<script src="iscroll.js"></script>
<script>
var myScroll,myScroll2,myScroll3,myScroll4,myScroll5,myScroll6;
function loaded () {
    myScroll = new IScroll('#wrapper', { mouseWheel: true,preventDefault:false });
    myScroll2 = new IScroll('#wrapper2', { mouseWheel: true,preventDefault:false });
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
</script>
<style>
*{
    margin: 0;
    padding: 0;
}
body{
    background: #2d0a3f;
    /* background: url(bg.png) repeat; */
    text-align: left;
    font-family: "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica-Neue,Helvetica,"BBAlpha Sans",sans-serif;
    font-size: 62.5%;
    font-weight: 400;
}  
ul,li{list-style: none;} 
.clearfix {
    *zoom:1;}

.clearfix:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    width: 0;
    visibility: hidden;
    content: ".";
}
.main{
    width: 9.98rem;
    margin: 0 auto;
}
.left{
    float: left;
    width: 22%;
    padding: .02rem .07rem;
    border: 1px solid #615271;
    border-radius: .15rem;
    background: #2d0a3f;
    height: 5.42rem;
    overflow: hidden;
    position: relative;
}
.right{
    float: right;
    width: 76%;
    height: 5.46rem;
    background: url(txt-bg.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: .15rem;
    position: relative;
}

.menu{
    padding-bottom: .04rem;
}
.menu li{
    
    height: .84rem;
    margin-top: .04rem;
    font-size: .25rem;
    line-height: .3rem;
    color: #a19db6;
    position: relative;
    background: #49427b;
    border-radius: 12px;
    text-align: center;
    padding: .25rem .26rem 0;

}
.menu li span{
    position: absolute;
    width: .59rem;
    height: .59rem;
    top: -0.01rem;
    left: -0.01rem;
}
.menu li span.hot{
    background: url(hot-bg.png) no-repeat;
    background-size: 100% 100%;
}
.menu li span.new{
    background: url(new-bg.png) no-repeat;
    background-size: 100% 100%;
}
.menu li.on{
    background: url(li-hover.png) no-repeat;
    background-size: 100% 100%;
    color: #f6ca1f;
}

.txt{
   
    width: 6.19rem;
    /* height: 3.76rem;
    margin: .99rem 0 0 .58rem; */
    font-size: .23rem;
    line-height: .32rem;
    color: #fff;
    padding: .2rem .15rem;
   float: left;
   position: relative;
}
.txt-h2{
    margin-top: -0.1rem;
    width: 100%;
    text-align: center;
    font-size: .40rem;
    font-weight: normal;
    color: #FFA500;
}
#wrapper,#wrapper2,#wrapper3,#wrapper4,#wrapper5,#wrapper6 {
    position: absolute;
    z-index: 1;
    top: .02rem;
    bottom: 0;
    left: .07rem;
    width: 2.23rem;
    
    overflow: hidden;
}
#wrapper2,#wrapper3,#wrapper4,#wrapper5,#wrapper6{
    top: .99rem;
    bottom: .36rem;
    left: .58rem;
    width: 6.49rem;
}
#scroller,#scroller2,#scroller3,#scroller4,#scroller5,#scroller6 {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.kong{text-indent: 2em;}
.ke{margin-top: .2rem; text-align:center; color: #FFA500}
</style>
</head>

<body  onload="loaded()">
<div class="main clearfix">
    <div class="left">
        <div id="wrapper">
            <div id="scroller">
                <ul class="menu">
                    <li class="on" id="p1_1_tabT_1"  onclick="fastTab(this,'p1_1',1,1)"><span class="hot"></span>钱柜德州<br />火热开服公告</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="right clearfix">
         <div id="p1_1_tabC_1">
            <h2 class="txt-h2"><img src="t01.png" style="width:6rem"></img></h2>
            <div id="wrapper2">
                <div id="scroller2">
                    <ul>
                        <li class="txt">
                                    	<p>各位牌友注意啦！</p>
                                    	<p class="kong">《钱柜德州扑克》已于11月20日正式火热开启，我们准备了十分丰盛的活动和奖励：</p>
                                    	<p>1.每日签到奖励越领越多</p>
                                    	<p>2.在线就有奖，成就任务金币领不停</p>
                                    	<p>3.专业竞技比赛，巨额奖池巅峰对决</p>
                                    	<p>4.私人定制专场，随时随地快速组局</p>
                                    	<p class="kong">更多内容，更多惊喜，更多奖励，欢迎大家积极的加入我们的大家庭！</p>
                                    	<p class = "ke">
											<span style="margin-right: .2rem">官方QQ群:512806416</span><span>客服QQ:2960658091</span>
										</p>                        
                        </li>
                    </ul>
                </div>
            </div>
            
        </div>
    </div>
</div>
<script>
function fastTab(el, s, i, n) {
    for (var j = 1; j <= n; j++) {
        var domT = document.getElementById(s + "_tabT_" + j);
        var domC = document.getElementById(s + "_tabC_" + j);
        domT.className = "";
        
        domC.style.display = "none";
    }
    el.className = "on";
    document.getElementById(s + "_tabC_" + i).style.display = "block";
    loaded ()
} 
</script>
</body>
</html>
